{echo:JS::import('form');}

{echo:JS::import('editor');}

{echo:JS::import('dialog?skin=brief');}

{echo:JS::import('dialogtools');}

<script>
    var editor;
    KindEditor.ready(function(K) {
      editor = K.create('textarea[name="content"],textarea[name="sale_protection"]', {
        uploadJson : '{url:/admin/upload_image}'
      });
    });
</script>

<h1 class="page_title">商品编辑</h1>

<form action="{url:/goods/goods_seller_save}" class=" " method="post" callback="check_tab_location" >

  {if:isset($id)}

  <input type="hidden" name="id" value="{$id}">

  {/if}

  <div id="obj_form" class="form2 tab">

    <!-- tab 头 start -->

    <ul class="tab-head">

      <li>基本信息</li>

      <li>描述信息</li>

      <li>SEO信息</li>

      <li>售后保障</li>

    </ul>

    <!-- tab 头 end -->

    <!-- tab body start -->

    <div class="tab-body">

      <!-- 基本信息 start -->

      <div>

        <dl class="lineD">

          <dt> <b class="red">*</b>

            分类：

          </dt>

          <dd>

            <select name="category_id" id="category_id" pattern="[1-9]\d*" alt="选择分类，若无分类请先创建。">

              <option value="0">选择分类</option>

              {set:$id=isset($id)?$id:0;}

              {query:name=goods_category order=path/}

              {set:$goods_category = Common::treeArray($items)}

              {list:items=$goods_category}

              {if:!isset($path) || strpos($item['path'],$path)===false}

              {set:$num = count(explode(',',$item['path']))-3;}

                    <option value="{$item['id']}">{if:$num>0}├{/if}{echo:str_repeat('──',$num)}{$item['name']}</option>

                    {/if}

              {/list}

            </select>

            <label></label>

          </dd>

        </dl>

        <dl class="lineD">

          <dt>

            类型：

          </dt>

          <dd>

            <select name="type_id" id="type_id">

              <option value="0">请选择类型...</option>

              {set:$id=isset($id)?$id:0;}

              {query:name=goods_type}

              <option value="{$item['id']}">{$item['name']}</option>

              {/query}

            </select>

            <label></label>

          </dd>

        </dl>

        <dl class="lineD">

          <dt>

            品牌：

          </dt>

          <dd>

            <select name="brand_id">

              <option value="0">请选择品牌...</option>

              {query:name=brand}

              <option value="{$item['id']}">{$item['name']}</option>

              {/query}

            </select>

            <label></label>

          </dd>

        </dl>

        <dl class="lineD">

          <dt>

            <b class="red">*</b>

            商品名称：

          </dt>

          <dd>

            <input name="name" type="text" pattern="required" value="{$goods_obj['name']}" style="width:400px;" alt="不能为空">

            <label></label>

          </dd>

        </dl>

        <dl class="lineD">

          <dt>商品关键词：</dt>

          <dd>

            <input name="tag_ids" type="text"  value="{$goods_obj['tag_ids']}" style="width:400px;">

            <label></label>

          </dd>

        </dl>

        <dl class="lineD">

          <dt>

            <b class="red">*</b>

            商品编号：

          </dt>

          <dd>

            <input name="goods_no" id="goods_no" type="text" pattern="\w{3,}" alt="请输入3个以上的字符(不能为中文)" value="{$goods_obj['goods_no']}" >

            <label></label>

          </dd>

        </dl>

        <dl class="lineD">

          <dt></dt>

          <dd >

            <table class="default border" style="width:auto;">

              <thead>

                <tr>

                  <th >积分</th>

                  <th >排序</th>

                  <th >计量单位</th>

                  <th style="width:100px;">是否上架</th>

                </tr>

                <tr class="min_inputs">

                  <td>

                    <input class="small" name="point" id="point" type="text" empty="" pattern="int" value="{$goods_obj['point']|0}"></td>

                  <td>

                    <input class="small" name="sort" id="sort" type="text" pattern="int" empty="" value="{$goods_obj['sort']|1}"></td>

                  <td>

                    <input class="small" name="unit" pattern="required" type="text" value="{$goods_obj['unit']|'件'}"></td>

                  

                  <td class="tc">

                    <input type="checkbox" checked="checked" value="1" name=""/>

                  </td>

                </tr>

              </thead>

            </table>

          </dd>

        </dl>

        <dl class="lineD clearfix">

          <dt>产品相册：</dt>

          <dd class="min_inputs ">



            <button class="button  select_button" type="button" >

              <b class="icon-plus green"></b>

              添加图片

            </button> <b class="red">(注：点选图片，使其成为默认图片)</b>

            

          </dd>

        </dl>

        <dl>

          <dt></dt>

          <dd>

            <ul class="piclist" id="pic_list">
				  
              {if:isset($goods_obj['imgs']) && $imgs =  unserialize($goods_obj['imgs'])}
                

            {list:items=$imgs}

              <li {if:$item == $goods_obj['img']} class="current" {/if}>
              
                <div class="bord">

                  <input type="hidden" name="imgs[]" value="{$item}">

                  <img src="{url:@$item}" data-src={$item} onclick="selectImg(this)" width="80" height="80" alt=""></div>

                <div class="opera">

                  <a class="icon-arrow-left-2" href="javascript:;"></a>&nbsp;&nbsp;<a class="icon-arrow-right-2" href="javascript:;"></a>&nbsp;&nbsp;<a class="icon-link" href="javascript:;" onclick="linkImg(this)"></a>&nbsp;&nbsp;<a class="icon-close" href="javascript:;" onclick="delImg(this)"></a>

                </div>

              </li>

              {/list}

            {/if}

            </ul>

              <input name="img" type="text" style="visibility: hidden;width:0;" value="{$goods_obj['img']}" pattern="required" id="img_index" alt="添加商品图片"/>

              <label></label>

          </dd>

        </dl>



        <h3 class="mt">产品规格</h3>

        <div id="goods_list" >

          <table class="default border">

            <colgroup>

            <col width="160"/>

            <col/>

          </colgroup>

          <tr>

            <td class="tr">

              <b class="red">*</b>

              货号：

            </td>

            <td>

              <input  type="text" pattern="\w{3,}" name="pro_no" alt="请输入3个以上的字符(不能为中文)" value="{$goods_obj['goods_no']}"/>
              <label></label>

            </td>

          </tr>

          <tr>

            <td class="tr">

              <b class="red">*</b>

              库存：

            </td>

            <td>

              <input class="small" pattern="int" type="text" name="store_nums" value="{$goods_obj['store_nums']}" alt="必需为整数" />

              <label></label>

            </td>

          </tr>

          <tr>

            <td class="tr">

              <b class="red">*</b>

              预警线：

            </td>

            <td>

              <input class="small" type="text" pattern="int" name="warning_line" value="{$goods_obj['warning_line']|2}" alt="必需为整数"/>

              <label></label>

            </td>

          </tr>

          <tr>

            <td class="tr">

              <b class="red">*</b>

              重量(g)：

            </td>

            <td>

              <input class="small" type="text" pattern="int" name="weight" value="{$goods_obj['weight']|0}" alt="必需为整数"/>

              <label></label>

            </td>

          </tr>

          <tr>

            <td class="tr">

              <b class="red">*</b>

              零售价：

            </td>

            <td>

              <input class="small" type="text" pattern="float" name="sell_price" value="{$goods_obj['sell_price']}" alt="整数或保留小数点后两位精确度的数" />

              <label></label>

            </td>

          </tr>

          <tr>

            <td class="tr">

              <b class="red">*</b>

              市场价：

            </td>

            <td>

              <input class="small" pattern="float" type="text" name="market_price" value="{$goods_obj['market_price']}" alt="整数或保留小数点后两位精确度的数"/>

              <label></label>

            </td>

          </tr>

          <tr>

            <td class="tr">

              <b class="red">*</b>

              成本价：

            </td>

            <td>

              <input class="small" pattern="float" type="text" name="cost_price" value="{$goods_obj['cost_price']|0}" alt="整数或保留小数点后两位精确度的数"/>

              <label></label>

            </td>

          </tr>

          <tr>

            <td class="tr">
              <b class="red">*</b>
              {$k_cb}：
            </td>
            <td>
              <input class="small" pattern="float" type="text" name="cb" value="{$goods_obj['cb']|0}" alt="整数或保留小数点后两位精确度的数"/>
              <label></label>
            </td>
          </tr>
          <tr>
            <td class="tr">
              <b class="red">*</b>
              规格：
            </td>
            <td>
              <button class="button " type="button" id="open_spec">
                <b class="icon-plus green"></b>
                开启规格

              </button>

            </td>

          </tr>

        </table>

      </div>

      <div style="overflow: auto;" id="spec_list">



        {if:isset($goods_obj['specs']) && strlen($goods_obj['specs'])>6}

        <!--隐藏goods规格信息-->

        <script type="text/javascript">

          $("#goods_list").css({display:'none'});

          $("#goods_list input").attr("disabled","disabled");

        </script>

        {set: $specs = unserialize($goods_obj['specs']); $spec_ids='';}

        <div style="margin:10px 0;"><button onclick="edit_spec()" type="button" class="button"><b class=" icon-pencil-2 green"></b> 编辑规格</button> <button id="close_spec_button" type="button" onclick="close_spec()" class="button"><b class="icon-close red"></b> 关闭规格</button></div><table class="default" style="width:auto"><tbody><tr><th>商品货号</th>{list:items=$specs}<th>{$item['name']}{set:$spec_ids .= $item['id'].','}</th>{/list}<th><input name="spec_items" type="hidden" value="{echo:rtrim($spec_ids,",")}">库存</th><th>预警线</th><th>零售价</th><th>市场价</th><th>成本价</th><th>{$k_cb}</th><th>重量(g)</th><th>操作</th></tr>

        {query:name=products where=goods_id eq $id order=id}

        {set:$spec = unserialize($item['spec']);$spec_str = '';}

        <tr class="min_inputs"><td><input type="text" pattern="required" name="pro_no[]" value="{$item['pro_no']}" style="width:160px"></td>{list:items=$spec item=$spc}<td>{$spc['value'][2]}{set:$spec_str .= implode(":",$spc['value']).","}</td>{/list}<td><input name="spec_item[]" type="hidden" value="{echo:trim($spec_str,',')}"><input type="text" pattern="int" class="small" name="store_nums[]" value="{$item['store_nums']}"></td><td><input pattern="int" class="small" type="text" name="warning_line[]" value="{$item['warning_line']}"></td><td><input class="small" pattern="float" type="text" name="sell_price[]" value="{$item['sell_price']}"></td><td><input class="small" pattern="float" type="text" name="market_price[]" value="{$item['market_price']}"></td><td><input pattern="float" class="small" type="text" name="cost_price[]" value="{$item['cost_price']}"></td><td><input pattern="float" class="small" type="text" name="cb[]" value="{$item['cb']|0}"></td><td><input class="small" pattern="int" type="text" name="weight[]" value="{$item['weight']}"></td><td><a href="javascript:;" class="icon-close" onclick="spec_del(this)"></a></td></tr>

        {/query}

        </tbody></table>

        {/if}

      </div>



      <div id="goods_attr" style="display:{if:isset($attrs) && strlen($attrs) > 6 }{else:}none{/if}" >

        <h3 class="mt mt10">产品属性</h3>

        <div id="attr_list">

          <table class="default">

            <colgroup>

            <col width="160" />

            <col />

          </colgroup>

          {if:isset($type_id) && $type_id}

            {query:name=goods_type where=id eq $type_id  /}

            {set:$_attrs = unserialize($items[0]['attr']); $attrs = unserialize($attrs);}

            {if:$_attrs}

              {list:items=$_attrs}

          <tr>

            <td class='tr'>{$item['name']}</td>

            <td>

              {if:$item['show_type']<= 2}

                <select name="attr[{$item['id']}]">

                {list:items=$item['values'] item = $value}

                <option value="{$value['id']}" {if:isset($attrs[$item['id']]) && $attrs[$item['id']]==$value['id']} selected="selected" {/if} >{$value['name']}</option>

                {/list}

              </select>

              {else:}

              <input name="attr[{$item['id']}]" type="text" value="{$attrs[$item['id']]}" />

              {/if}

            </td>

          </tr>

          {/list}

          {/if}

        {/if}

        </table>

      </div>

    </div>

  </div>

  <!-- 描述信息 start -->

  <div>

    <h2>详细介绍：</h2>

    <div>

      <textarea id="content" pattern="required" name="content" style="width:700px;height:360px;visibility:hidden;">{$goods_obj['content']}</textarea>

      <label></label>

    </div>

  </div>

  <!-- 描述信息 end -->

  <!-- 基本信息 end -->

  <!-- SEO 信息 start -->

  <div>

    <dl class="lineD">

      <dt>页面标题：</dt>

      <dd>

        <input name="seo_title" type="text" value="{$seo_title}">

        <label>页面标题(TITLE)</label>

      </dd>

    </dl>

    <dl class="lineD">

      <dt>页面关键词：</dt>

      <dd>

        <input name="seo_keywords" type="text" value="{$seo_keywords}">

        <label>页面关键词(META_KEYWORDS)</label>

      </dd>

    </dl>

    <dl class="lineD">

      <dt>页面描述：</dt>

      <dd>

        <input name="seo_description" type="text" value="{$seo_description}">

        <label>页面描述(META_DESCRIPTION)</label>

      </dd>

    </dl>

  </div>

  <!-- SEO 信息 end -->

  <!-- 售后保障 start -->

  <div>

    <h2>售后保障：</h2>

    <div>

      <textarea id="sale_protection"  name="sale_protection" style="width:700px;height:360px;visibility:hidden;">{$sale_protection}</textarea>

      <label></label>

    </div>

  </div>

  <!-- 售后保障 end -->

</div>

<!-- tab 头 end -->

<div style="text-align:center;margin-top:20px;">

  <input type="submit" class="focus_button" value="提交" >

  &nbsp;&nbsp;&nbsp;&nbsp;

  <input type="reset" value="重置" class="button"></div>

</div>

</form>

<script type="text/javascript">

var form =  new Form();

form.setValue('category_id',"{$goods_obj['category_id']}");

form.setValue('type_id',"{$goods_obj['type_id']}");

form.setValue('brand_id',"{$goods_obj['brand_id']}");

$("#type_id").change();



$(".select_button").on("click",function(){

      uploadFile();

      return false;

    });

$("#goods_no").on("change",function(){

  var that = $(this);

  if(that.val()){

    var old_val = $("input[name='pro_no']").val();

    $("input[name='pro_no']").val(that.val());

    $("input[name='pro_no[]']").each(function(i){

      var current_value = $(this).val();

      var temp = old_val+'_'+(i+1);

      if(current_value=='' || current_value==temp) $(this).val(that.val()+'_'+(i+1));

    });

  }

  

})

function uploadFile(){

  art.dialog.open('{url:/admin/photoshop}',{id:'upimg_dialog',lock:true,opacity:0.1,title:'选择图片',width:613,height:380});

}

function selectImg(id){

  var img = $(id).attr('data-src');

  $("#pic_list li").removeClass("current");

  $(id).parent().parent().addClass("current");

  $("#img_index").val(img);

}

//回写选择图片

function setImg(value){

  var show_src = "{url:@}"+value;

  if(value.indexOf("http://")!=-1) show_src = value;

  

  if($("#pic_list img[src='"+show_src+"']").get(0)){

    art.dialog.alert("图片已经添加，请不要重复添加！");

  }else{

    $("#pic_list").append('<li> <div class="bord"><input type="hidden" name="imgs[]" value="'+value+'" /> <img src="'+show_src+'" data-src="'+value+'" onclick="selectImg(this)" width="80" height="80" alt=""></div> <div class="opera"><a class="icon-arrow-left-2" href="javascript:;" ></a>&nbsp;&nbsp;<a class="icon-arrow-right-2" href="javascript:;"></a>&nbsp;&nbsp;<a class="icon-link" href="javascript:;" onclick="linkImg(this)"></a>&nbsp;&nbsp;<a class="icon-close" href="javascript:;" onclick="delImg(this)"></a> </div> </li>');

      bindEvent();

      if($("#pic_list li.current").length <=0 ){

        $("#pic_list li:eq(0)").addClass("current");

        $("#img_index").val(value);

      }

      FireEvent(document.getElementById('img_index'),'change');

      art.dialog({id:'upimg_dialog'}).close();

  }

  

}

//删除添加的图片

function delImg(id){

  $(id).parent().parent().remove();

  if($("#pic_list li:eq(0)").length <= 0)$("#img_index").val('');

}

function linkImg(id){

  var src = $(id).parent().parent().find('img').attr('src');

  art.dialog({id:'linkDialog',title:'图片地址',content:'<div>图片地址：<input type="text" value='+src+' style="width:300px;"/></div>',width:420});

}



//开启规格

$("#open_spec").on("click",function(){

      //art.dialog.open('{url:/goods/show_spec_select}',{id:'spec_list',title:'选择图片',width:800,height:460});

      //art.dialog({id:'spec_list'}).show();

      edit_spec();

      return false;

    });



//添加规格

function addSpec(specs){

  specs = specs.split(";");

  var str_ths ='<tr><th>商品货号</th>';

  var spec_array = new Array();

  var spec_items = '';

  var num = 0;

  for(i in specs){

    var spec_str = specs[i].split("=");

    var spec = spec_str[0].split(":");

    var values = spec_str[1].split(",");

    var values_array = new Array();

    var index = 0;

    for(v in values){

      var value = values[v].split(':');

      //values_array[index++] = value[0]+":"+(value[2]==''?value[1]:value[2]);

      values_array[index++] = values[v];

    }

    spec_array[num++] = values_array;

    spec_items += spec[0]+',';

    str_ths += '<th>'+spec[1]+'</th>';

  }

  spec_items = spec_items.slice(0,-1);



  str_ths += '<th><input name="spec_items" type="hidden" value="'+spec_items+'"/>库存</th><th>预警线</th><th>零售价</th><th>市场价</th><th>成本价</th><th>{$k_cb}</th><th>重量(g)</th><th>操作</th></tr>'; 

 var str_tds = '';

 specs = descartes(spec_array);

 var pro_no_per = $("#goods_no").val();

 var store_nums = $("input[name='store_nums']").val();

 var warning_line = $("input[name='warning_line']").val();

 var sell_price = $("input[name='sell_price']").val();

 var market_price = $("input[name='market_price']").val();

 var cost_price = $("input[name='cost_price']").val();

 var cb = $("input[name='cb']").val();

 var weight = $("input[name='weight']").val();

  for(i in specs){

    var spec_item = '';

    str_tds += '<tr class="min_inputs"><td><input type="text" pattern="required" name="pro_no[]"  value="'+(pro_no_per==''?'':pro_no_per+'_'+(parseInt(i)+1))+'" style="width:160px"></td>';

    

    if(typeof specs[i] == "object"){

        for(j in specs[i]){

          spec_item += specs[i][j]+',';

          var value = specs[i][j].split(":");

        str_tds +='<td>'+(value[2]==''?value[1]:value[2])+'</td>';

      }

    }

    else{

      spec_item = specs[i]+',';

      var value = specs[i].split(":");

      str_tds +='<td>'+(value[2]==''?value[1]:value[2])+'</td>';

    }

    spec_item = spec_item.slice(0,-1);

    str_tds += '<td><input name="spec_item[]" type="hidden" value="'+spec_item+'"/><input type="text" pattern="int" class="small" name="store_nums[]" value="'+store_nums+'"></td><td><input  pattern="int" class="small" type="text" name="warning_line[]" value="'+warning_line+'"></td><td><input class="small" pattern="float" type="text" name="sell_price[]" value="'+sell_price+'"></td><td><input class="small" pattern="float" type="text" name="market_price[]" value="'+market_price+'"></td><td><input pattern="float" class="small" type="text" name="cost_price[]" value="'+cost_price+'"></td><td><input pattern="float" class="small" type="text" name="cb[]" value="'+cb+'"></td><td><input class="small" pattern="int" type="text" name="weight[]" value="'+weight+'"></td><td><a href="javascript:;" class="icon-close" onclick="spec_del(this)" ></a></td></tr>';

  }

  $("#spec_list").css({display:''});



  $("#spec_list").html('<div style="margin:10px 0;"><button onclick="edit_spec()" type="button" class="button"><b class=" icon-pencil-2 green"></b> 编辑规格</button> <button id="close_spec_button" onclick="close_spec()" class="button" type="button"><b class="icon-close red"></b> 关闭规格</button></div><table class="default" style="width:auto">'+str_ths+str_tds+'</table>');

  $("#goods_list").css({display:'none'});

  $("#goods_list input").attr("disabled","disabled");

  art.dialog({id:'spec_list'}).hide();

}

//关闭规格

function close_spec(){

  $("#spec_list").css({display:'none'});

  $("#spec_list input").attr("disabled","disabled");

  $("#goods_list input").removeAttr("disabled");

  $("#goods_list").css({display:''});

  return false;

}



function edit_spec(){

  var spec_dcr_str = '';

  $("input[name='spec_item[]']").each(function(){

    spec_dcr_str += $(this).val()+",";

  })

  art.dialog.data("spec_init_data",spec_dcr_str.slice(0,-1));

  if($("iframe[name='Openspec_list']").length>0)art.dialog({id:'spec_list'}).show();

  else{

    art.dialog.open('{url:/goods/show_spec_select}',{id:'spec_list',resize:false,title:'选择图片',width:800,height:460});

  }

  return false;

}



//删除规格

function spec_del(id){

  if($("#spec_list tr").length>2) $(id).parent().parent().remove();

  else {

    art.dialog.confirm('你确认删除操作？', function(){

      close_spec();

    });

  }

}

//选择分类

$("#category_id").on("change",function(){

  $.post("{url:/ajax/category_type}", {id: $(this).val()},function(data){

    form.setValue('type_id',data.type_id);

    $("#type_id").change();

  },"json");

})



//改变类型处理操作

$("#type_id").on("change",function(){

  $("#goods_attr").css({display:'none'});

  $("#attr_list table tr").remove();



  $.post("{url:/ajax/type_attr}", {id: $(this).val()},function(data){

    if(data){

      $("#goods_attr").css({display:''});

      var tr = "";

      

      for(var i in data){

        tr += "<tr><td class='tr'>"+data[i].name+"：</td><td>";

        var values = data[i].values;

        if(data[i].show_type<=2){

          tr += '<select name="attr['+data[i].id+']">';

          for(var j in values){

            tr += '<option value="'+values[j].id+'">'+values[j].name+'</option>';

          }

          tr += '</select>';

        }

        else{

          tr += '<input type="text" pattern="required" name="attr['+data[i].id+']" />';

        }



        tr += "</td></tr>";

      }

      $("#attr_list table").append(tr);

    }

    

  },"json");

})



//操作左右按钮事件绑定

function bindEvent(){

  $(".icon-arrow-right-2").off();

  $(".icon-arrow-left-2").off();

  $(".icon-arrow-right-2").on("click",function(){

    var current_tr = $(this).parent().parent();

    current_tr.insertAfter(current_tr.next());

  });

    $(".icon-arrow-left-2").on("click",function(){

    var current_tr = $(this).parent().parent();

    if(current_tr.prev().html()!=null)current_tr.insertBefore(current_tr.prev());

  });



}

bindEvent();

</script>